<!-- 任务列表 -->
<div class="container-fluid">
    <div class="info-center">
        <!--title-->
        <div class="info-center">
            <div class="page-header">
                <div class="pull-left">
                    <h4>{{.pageTitle}}</h4>      
                </div>
                <div class="pull-right">
                   <!--  <button type="button" class="btn btn-mystyle btn-sm refresh">刷新</button>
                    <button type="button" class="btn btn-mystyle btn-sm reback">返回</button> -->
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <!--content-list--> 
    <div class="content-list">
        <div class="search-box row">
            <div class="col-md-4">
                <div class="btn-group pull-left" role="group" aria-label="...">
                    <a href='{{urlfor "TaskController.Add"}}' class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> 新增任务</a>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="glyphicon glyphicon-edit"></span> 批量操作
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:;" onclick="javascript:batch('active');"><span class="glyphicon glyphicon-expand" aria-hidden="true"></span> 激活</a></li>
                            <li><a href="javascript:;" onclick="javascript:batch('pause');"><span class="glyphicon glyphicon-pause" aria-hidden="true"></span> 暂停</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:;" onclick="javascript:batch('delete');"><span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span> 删除</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class=" btn-large pull-right" >
                    <form method="post" name="s" action="{{urlfor "TaskController.List"}}">
                        <select name="groupid" class="btn-large form-control">
                            <option value="99">全部分组</option>
                            {{range $k, $v := .groups}}
                        <option value="{{$v.Id}}" {{if eq $v.Id $.groupid}}selected{{end}} >{{$v.GroupName}}</option>
                        {{end}}
                          
                        </select>
                    </form>
                </div>
            </div>
            
        </div>

        <div class="clearfix"></div>
        <div class="table-margin">
            <form id="form-list" method="post" action="">
                <table class="table table-bordered table-header">
                    <thead>
                        <tr>
                            <td><input type="checkbox" name="all_check" /></td>
                            <td>ID</td>
                            <td width="20%">任务名称</td>
                            <td>服务器</td>

                            <td>任务说明</td>
                            <td>上次执行时间</td>
                            <td>下次执行时间</td>
                            <td width="25%">操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        {{range $k,$v := .list}}
                        <tr  {{if eq $v.is_odd 0 }} style="background: #FFFFFF " {{else}} style="background: #f8f8f8" {{end}}>
                            <td class="chk"><input type="checkbox" name="ids"  value="{{$v.id}}" /></td>
                            <td> {{$v.id}} </td>
                            <td> 
                                {{if eq $v.running 0}}
                               <span class="glyphicon glyphicon-minus-sign brand-danger" aria-hidden="true"></span>
                                {{else}}
                                <span class="glyphicon glyphicon-ok-sign brand-success " aria-hidden="true"></span>
                                {{end}}
                                {{$v.group_name}}-{{$v.name}}
                            </td>
                            <td> {{$v.server_name}} </td>

                            <td> {{$v.description}} </td>
                            <td> {{$v.prev_time}} </td>
                            <td> {{$v.next_time}} </td>
                            <td>
                                {{if eq $v.status 0}}
                                    <a class="btn btn-danger btn-xs" href="{{urlfor "TaskController.Start"}}?id={{$v.id}}">
                                        <span class="glyphicon glyphicon-expand" aria-hidden="true"></span> 激活
                                    </a>
                                {{else}}
                                    <a class="btn btn-success  btn-xs" href="{{urlfor "TaskController.Pause"}}?id={{$v.id}}">
                                        <span class="glyphicon glyphicon-pause" aria-hidden="true"></span> 暂停
                                    </a>
                                {{end}}
                                {{if eq $v.status 0}}
                                    <a class="btn btn-info btn-xs" href="{{urlfor "TaskController.Edit"}}?id={{$v.id}}">
                                       <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 编辑
                                    </a>
                                {{else}}
                                    <a class="btn btn-default btn-xs" href="javascript:return alert('激活状态无法编辑任务，请先暂停任务');">
                                       <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 编辑
                                    </a>
                                {{end}}

                                    <a class="btn btn-info btn-run  btn-xs" href="{{urlfor "TaskController.Run"}}?id={{$v.id}}">
                                        <span class="glyphicon glyphicon-flash" aria-hidden="true"></span> 执行
                                    </a>
                                    <a class="btn btn-info  btn-xs" href="{{urlfor "TaskController.Logs"}}?id={{$v.id}}">
                                        <span class="glyphicon glyphicon-file" aria-hidden="true"></span> 日志
                                   </a>

                                   <a class="btn btn-info  btn-xs" href="{{urlfor "TaskController.Copy"}}?id={{$v.id}}">
                                        <span class="glyphicon glyphicon-copy" aria-hidden="true"></span> 复制
                                   </a>
                            </td>
                        </tr>
                        {{end}}
                        
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="8">
                                <div class="pull-right">
                                    {{str2html .pageBar}}
                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </form>
        </div>
    </div> 
</div> 

<script>
$(function() {
    $('[data-toggle="tooltip"]').tooltip()
    $("select[name='groupid']").change(function () {
        $("form[name='s']").submit();
    });
    $(".btn-run").click(function () {
        return confirm("该功能建议只用来做任务测试，确定要立即执行该任务吗？");
    });
});

function batch(action) {

    if ($("input[name=ids]:checked").size() < 1) {
        alert_message("请选择要操作的任务","alert-danger","alert-success");
    } else {

        if(action=='delete'){
            if(!confirm("确定要删除所选吗？")) return;
        }
        
        var url = "{{urlfor "TaskController.Batch"}}";
        $.post(url + "?action=" + action, $("#form-list").serialize(), function(out) {
            if (out.status != 0) {
                alert_message(out.msg,"alert-danger","alert-success");
            } else {
                window.location.reload();
            }
        }, "json");
    }
    return false;
}
//点击行换色
$('tbody tr').click(function(){
    $(this).addClass("warning").siblings().removeClass("warning");
});
</script>